page {
    background: #f5f5f5;
    overflow: hidden;
	padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);

}

.scroll-view{
    padding: 10rpx;
    box-sizing: border-box;

    .list-layout {
        // ,calc(100vh - 164rpx)
        @include wh(100%);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        padding-bottom: calc(env(safe-area-inset-bottom) + 200rpx);
        box-sizing: border-box;
        .list-card {
            @include wh(calc((100% - 10rpx) / 2),620rpx);
            background: #ffffff;
            margin-bottom: 10rpx;

            .goodsImg {
                @include wh(100%, 360rpx);
                @include flex(center, center);
                position: relative;
                image {
                    @include wh(272rpx, 272rpx);
                }
                .like-icon{
                    @include wh(48rpx,48rpx);
                    position: absolute;
                    right: 22rpx;
                    top: 22rpx;
                }
            }

            .text-content {
                padding: 12rpx 24rpx 40rpx 12rpx;
                box-sizing: border-box;

                .title {
                    @include fonts(28rpx, #222222, bold);
                    margin-bottom: 24rpx;
                    @extend %text-overflow;
                }

                .content {
                    @include fonts(24rpx, #939395, 400);
                    @include text-overflow-many(2);
                    margin-bottom: 16rpx;
                    .label{
                        @include fonts(22rpx,#967E4F,bold);
                        display:inline;
                        margin-right: 8rpx;
                        padding: 0 8rpx;
                        box-sizing: border-box;
                        background: #F4F2ED;
                    }
                }

                .money {
                    @include flex(flex-end, flex-start);

                    .price {
                        @include fonts(32rpx, #222222, bold);
                    }

                    .originalPrice {
                        @include fonts(24rpx, #939395, 400);
                        text-decoration: line-through;
                        margin-left: 12rpx;
                    }
                }
            }
        }
    } 
}